
// 匹配一级路由


// 01引入react包中的两个方法，lazy,Suspense
import React,{lazy,Suspense} from 'react';
// lazy是一个方法，用来使引入组件的方法和函数时，是以懒加载的形式引入
// Suspense是一个组件，可以指定加载时展示的内容,当路由匹配的组件还没显示出来的时候，先显示想显示的组件，放在fallback里面

// 02引入
import {Route,Redirect,Switch} from 'react-router-dom'
// Switch可以保证被包裹的组件中，每次只匹配一个路由规则
// Redirect用来定义重定向，一般搭配exact使用

//03引入路由跳转的相应组件
import Loading from '@/components/Loading'
// lazy是个方法
const Login = lazy(()=>import('@/views/login/Index'))
const Dashboard = lazy(()=>import('@/views/dashboard/Dashboard'))

const Index = () => {
    return (
        <Suspense fallback={<Loading></Loading>}>
            <Switch>
                <Route path='/login' component={Login}></Route>
                <Route path='/dashboard' component={Dashboard}></Route>
                <Redirect from='/' to='/login' exact></Redirect>
            </Switch>
        </Suspense>
    );
}

export default Index;
